<template>
  <div class="footer-container">
    Copyright
    <i class="iconfont" style="margin: 0 5px">&#xe619;</i> Vue-Admin-Work 2021
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop, Watch } from "vue-property-decorator";

@Component({
  name: "LyFooter",
  components: {},
})
export default class LyFooter extends Vue {
  //#region vue prop =================================
  //#endregion
  //#region vue data =================================
  //#endregion
  //#region computed getter =================================
  //#endregion
  //#region vue life =================================
  // created() {
  //   console.log("LyFooter " + "created");
  // }
  //
  // mounted() {
  //   console.log("LyFooter " + "mounted");
  // }
  //
  // beforeDestroy() {
  //   console.log("LyFooter " + "beforeDestroy");
  // }
  //#endregion
  //#region comp getter =================================
  //#endregion
  //#region server data =================================
  //#endregion
  //#region components Func =================================
  //#endregion
  //#region Public Func =================================
  //#endregion
  //#region view layout =================================
  //#endregion
}
</script>
<style lang="scss"></style>
<style lang="scss" scoped>
@import "../../assets/styles/variables.scss";
.footer-container {
  height: $footerHeight;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 3px;
}
</style>
